<template>
  <div class="main">
    <MainHeader class="layouts_header"></MainHeader>
    <Maincontainer class="layouts_container "></Maincontainer>
    <MainFooter class="layouts_footer"></MainFooter>
    <!-- 悬浮组件 -->
    <fileHover></fileHover>
  </div>
</template>

<script>
import MainHeader from "./mainheader.vue";
import Maincontainer from "./Maincontainer.vue";
import MainFooter from "./MainFooter.vue";
import fileHover from "@/components/fileHover";
export default {
  components: { MainHeader, Maincontainer, MainFooter, fileHover },


}
</script>
<style scoped>
.el-header,
.el-footer {
  background-color: #B3C0D1;
  color: #333;
  text-align: center;
  line-height: 170px;
}

.el-main {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  line-height: 160px;
}

.layouts_header {
  display: block;
  height: 170px;
  width: 100%;
}
</style>
